HTML तत्व
एक HTML तत्व को एक प्रारंभ टैग, कुछ सामग्री और एक अंत टैग द्वारा परिभाषित किया जाता है।
HTML तत्व
एक HTML तत्व प्रारंभ टैग से अंत टैग तक सब कुछ है:
<tagname>Content goes here...</tagname>कुछ HTML तत्वों के उदाहरण:
<h1>My First Heading</h1>
<p>My first paragraph.</p>| प्रारंभ चिह्न | तत्व सामग्री | अंत चिन्ह |
|---|---|---|
<h1> |
My First Heading | </h1> |
<p> |
My first paragraph. | </p> |
<br> |
कोई सामग्री नहीं | कोई अंतिम बिंदु नहीं है |
टिप्पणी:
कुछ HTML तत्वों में कोई सामग्री नहीं है (उदाहरण के लिए)।<br>तत्व)। इन तत्वों को "रिक्त तत्व" कहा जाता है। खाली तत्वों में कोई टर्मिनेटर नहीं होता!
पार्श्व HTML तत्व
HTML तत्वों को नेस्ट किया जा सकता है (अर्थात तत्वों में अन्य तत्व शामिल हो सकते हैं)।
सभी HTML दस्तावेज़ों में HTML तत्व होते हैं।
निम्नलिखित उदाहरण में चार HTML तत्व शामिल हैं (<html>, <body>, <h1>और<p>):
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>उदाहरण स्पष्टीकरण
<html> तत्व
<html>तत्व मूल तत्व है और संपूर्ण HTML दस्तावेज़ को परिभाषित करता है।
यह एक आरंभिक बिंदु है<html>और एक अंत संकेत</html>रोकना
<शरीर> तत्व
<body>तत्व दस्तावेज़ के मुख्य भाग को परिभाषित करता है।
यह एक आरंभिक बिंदु है<body>और एक अंत संकेत</body>रोकना
<h1> तत्व
<h1>तत्व एक शीर्षक को परिभाषित करता है।
यह एक आरंभिक बिंदु है<h1>और एक अंत संकेत</h1>रोकना:
<h1>My First Heading</h1><पी>तत्व
<p>तत्व एक अनुच्छेद को परिभाषित करता है।
यह एक आरंभिक बिंदु है<p>और एक अंत संकेत</p>रोकना:
<p>My first paragraph.</p>कभी भी अंतिम चिन्ह न छोड़ें
कुछ HTML तत्व सही ढंग से प्रदर्शित होंगे, भले ही आप अंतिम टैग भूल जाएं:
उदाहरण
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>टिप्पणी:
हालाँकि, इस पर कभी विश्वास न करें! यदि आप टर्मिनेटर भूल जाते हैं, तो आपको अप्रत्याशित परिणाम और त्रुटियाँ मिल सकती हैं!
सर्वश्रेष्ठ प्रणालियां:
हमेशा अपने HTML तत्वों में क्लोजिंग टैग जोड़ें। इससे कोड स्पष्ट और बनाए रखना आसान हो जाता है।
खाली HTML तत्व
बिना सामग्री वाले HTML तत्वों को खाली तत्व कहा जाता है।
<br>टैग एक लाइन ब्रेक को परिभाषित करता है, और समाप्ति टैग के बिना एक खाली तत्व है:
उदाहरण
<p>This is a <br> paragraph with a line break.</p><br>
कर भंग
<img>
छवियाँ जोड़ना
<hr>
क्षैतिज रेखा
HTML केस-असंवेदनशील है
HTML टैग केस संवेदी नहीं हैं:<P>है<p>मतलब वही.
HTML मानक को लोअरकेस टैग की आवश्यकता नहीं है, लेकिन W3C HTML में लोअरकेस की अनुशंसा करता है, और XHTML जैसे सख्त दस्तावेज़ प्रकारों के लिए लोअरकेस की आवश्यकता होती है।
जस्सिफ टीम सिफारिश:
जैसिफ़ टीम में हम हमेशा छोटे टैग नामों का उपयोग करते हैं। यह भविष्य के HTML संस्करणों के साथ स्थिरता और अनुकूलता में मदद करता है।
| सही | असत्य (तुलनात्मक) |
|---|---|
<html> |
<HTML> |
<body> |
<BODY> |
<h1> |
<H1> |
<p> |
<P> |
अभ्यास के माध्यम से सीखना
सच है या झूठ. खाली तत्वों में टर्मिनेटिंग टैग होना चाहिए।
HTML टैग पर ध्यान दें
जैसिफ टीम के टैग नोट में इन टैग और उनकी विशेषताओं के बारे में अधिक जानकारी है।
| टैग | व्याख्या |
|---|---|
<html> |
HTML दस्तावेज़ के स्रोत को परिभाषित करता है |
<body> |
दस्तावेज़ के मुख्य भाग को परिभाषित करता है |
<h1>पहला<h6>तक |
HTML हेडर को परिभाषित करता है |
सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारा HTML टैग संदर्भ देखें।
नोट:
यदि आप किसी HTML टैग के बारे में भ्रमित हैं, तो हमारा HTML टैग नोट्स पृष्ठ देखें। यह प्रत्येक टैग और उपयोग के उदाहरणों का संपूर्ण विवरण प्रदान करता है।